/* ==========================================================================
   Reset
   ========================================================================== */

html {
  overflow-y: scroll;
}

body,
input,
textarea,
select {
  font: 12px arial, \5b8b\4f53;
  color: #333;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
dd,
form {
  margin: 0;
}

ul,
ol {
  padding-left: 0;
  list-style: none;
}

h4,
h5,
h6 {
  font-size: 1em;
}

img {
  border: 0;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.l {
  float: left;
}

.r {
  float: right;
}

.fix:before,
.fix:after {
  content: ' ';
  display: table;
}

.fix:after {
  clear: both;
}

.fix {
  *zoom: 1;
}

.rel {
  position: relative;
}

.abs {
  position: absolute;
}

/* ==========================================================================
   Page styles
   ========================================================================== */

html {
  background: #fff url(../img/student-bg.jpg) top no-repeat;
}

a {
  color: #cee2ec;
}

.page {
  overflow: hidden;
  width: 1000px;
  margin: auto;
}

.header {
  margin-top: 20px;
  padding: 0 10px 0 30px;
}

.header .logo {
  overflow: hidden;
  width: 428px;
  height: 48px;
  text-indent: -9999px;
  background: url(../img/student-logo.png) no-repeat;
  _background: url(../img/student-logo-ie6.png) no-repeat;
}

.header .nav {
  color: #cee2ec;
}

.header .nav a,
.header .nav .separator {
  display: inline-block;
}

.header .nav .separator {
  margin: 0 14px;
}

.mr6 {
  margin-right: 6px;
}

.content {
  height: 500px;
  margin: 30px 0 0 30px;
}

.anim-photos-wrap {
  top: 0;
  left: 0;
  width: 910px;
  height: 370px;
}

.anim-photos-wrap a {
  position: absolute;
}

.vertical-nav-wrap {
  top: 0;
  right: -73px;
  _right: -74px;
  width: 87px;
  height: 443px;
  z-index: 10000;
}

.vertical-nav-hidden {
  position: absolute;
  top: 0;
  right: -87px;
  _right: -88px;
  width: 87px;
  height: 443px;
  background: #fff;
  z-index: 20000;
}

.vertical-nav-hd {
  width: 14px;
  height: 443px;
  background: url(../img/vertical-nav-bg.png) -87px 0 no-repeat;
  _background-image: url(../img/vertical-nav-bg-ie6.png);
}

.vertical-nav-bd {
  width: 73px;
  height: 443px;
  background: url(../img/vertical-nav-bg.png) -14px 0 no-repeat;
  _background-image: url(../img/vertical-nav-bg-ie6.png);
}

.vertical-nav-bd a {
  display: block;
  width: 56px;
  height: 20px;
  margin-left: 9px;
  padding: 60px 0 5px;
  text-align: center;
  color: #d6edf6;
  background: url(../img/vertical-nav.png) no-repeat;
  _background: url(../img/vertical-nav-ie6.png) no-repeat;
}

.vertical-nav-bd a:hover {
  color: #fff;
  text-decoration: none;
}

.vertical-nav-bd .teaching-contents {
  margin-top: 12px;
  background-position: 0 0;
}

.vertical-nav-bd .exercise-items {
  background-position: 0 -86px;
}

.vertical-nav-bd .profile {
  background-position: 0 -172px;
}

.vertical-nav-bd .teacher-profile {
  background-position:  0 -258px;
}

.vertical-nav-bd .help {
  background-position: 0 -344px;
}

.vertical-nav-bd .teaching-contents:hover {
  background-position: -56px 0;
}

.vertical-nav-bd .exercise-items:hover {
  background-position: -56px -86px;
}

.vertical-nav-bd .profile:hover {
  background-position: -56px -172px;
}

.vertical-nav-bd .teacher-profile:hover {
  background-position: -56px -258px;
}

.vertical-nav-bd .help:hover {
  background-position: -56px -344px;
}

.horizontal-nav {
  left: 276px;
  bottom: 0;
  width: 363px;
  height: 150px;
  background: url(../img/horizontal-nav-scrollbar.png) center 99px no-repeat;
  _background: url(../img/horizontal-nav-scrollbar-ie6.png) center 99px no-repeat;
  z-index: 10000;
}

.horizontal-nav a {
  float: left;
  width: 71px;
  margin: 0 10px;
  padding: 118px 0 0;
  font-size: 14px;
  text-align: center;
  color: #a4c5e6;
}

.horizontal-nav a:hover {
  color: #fff;
  text-decoration: none;
}

.horizontal-nav a.home:hover {
  background: url(../img/horizontal-nav-home-hover.png) no-repeat;
  _background: url(../img/horizontal-nav-home-hover-ie6.png) no-repeat;
}

.horizontal-nav a.course:hover {
  background: url(../img/horizontal-nav-course-hover.png) no-repeat;
  _background: url(../img/horizontal-nav-course-hover-ie6.png) no-repeat;
}

.horizontal-nav a.resource:hover {
  background: url(../img/horizontal-nav-resource-hover.png) no-repeat;
  _background: url(../img/horizontal-nav-resource-hover-ie6.png) no-repeat;
}

.horizontal-nav a.profile:hover {
  background: url(../img/horizontal-nav-profile-hover.png) no-repeat;
  _background: url(../img/horizontal-nav-profile-hover-ie6.png) no-repeat;
}

.horizontal-nav a.last {
  margin-right: 0;
}

.student-inner-main-wrap {
  top: -13px;
  left: -26px;
  width: 992px;
  height: 438px;
  box-shadow: 0 0 2px rgba(0, 0, 0, .5);
}

.student-inner-main {
  width: 990px;
  height: 436px;
  border: 1px solid #00718c;
}

.tabs-wrap {
  height: 37px;
  border-bottom: 1px solid #a4c2dc;
  background: #bedbf2;
}

.tabs-wrap .tab {
  height: 17px;
  margin: 9px 2px 0 0;
  padding: 5px 7px;
  border: 1px solid #a4c2dc;
  font-weight: 700;
  color: #00548c;
  background: #cfe5f5;
}

.tabs-wrap .tab:hover,
.tabs-wrap .tab.on {
  border-bottom-color: #fff;
  text-decoration: none;
  color: #00395f;
  background: #fff;
}

.tabs-wrap .tab.first {
  margin-left: 25px;
}

.tabs-wrap .close {
  width: 20px;
  height: 21px;
  right: 11px;
  top: 9px;
  text-indent: -9999px;
  background: url(../img/stu-close.png) no-repeat;
  _background: url(../img/stu-close-ie6.png) no-repeat;
}

.student-inner-bd {
  overflow-x: hidden;
  overflow-y: auto;
  height: 395px;
  border: 5px solid #fdfdfd;
  border-top: 0;
  background: #fff;
}

.footer {
  height: 41px;
  line-height: 41px;
  text-align: center;
  color: #a5b6d3;
}

.student-inner-bd .search {
  color: #5a5954;
}

.student-inner-bd .search form {
  padding: 7px 0 5px 10px;
}

.student-inner-bd .search .item {
  float: left;
  margin-right: 25px;
}

.student-inner-bd .search .item input {
  height: 22px;
  padding: 0 3px;
  border: 1px solid;
  border-color: #c4c1bb #f3f2f0 #f3f2f0 #c4c1bb;
  line-height: 22px;
  vertical-align: middle;
}

#search-code {
  width: 115px;
}

#search-name {
  width: 150px;
}

.student-inner-bd .search .action button {
  position: relative;
  overflow: hidden;
  width: 72px;
  height: 27px;
  margin-left: 468px;
  padding: 0 0 2px 22px;
  padding-top: 5px\9;
  border: 0;
  font-weight: 700;
  color: #676661;
  background: url(../img/main-search-action.png) no-repeat;
  cursor: pointer;
}

.student-inner-bd .actions {
  padding: 5px 0 5px 12px;
  border-width: 1px 0 2px;
  border-style: solid;
  border-color: #fff transparent #bedbf2;
  background: #edf1f5;
}

.student-inner-bd .actions a {
  float: left;
  height: 16px;
  margin-right: 40px;
  padding-left: 20px;
  line-height: 16px;
  color: #5a5954;
  background: url(../img/main-actions-icon.png) no-repeat;
  cursor: pointer;
}

.student-inner-bd .actions .add {
  background-position: -34px -1px;
}

.student-inner-bd .actions .modify {
  background-position: -1px -51px;
}

.student-inner-bd .actions .copy {
  background-position: -17px -25px;
}

.student-inner-bd .data {
  position: relative;
  left: 5px;
}

.student-inner-bd .data tr {
  height: 28px;
  border-bottom: 1px solid #e5e7e9;
  color: #00548c;
}

.student-inner-bd .data .hili {
  background: #f3f7fd;
}

.student-inner-bd .data th {
  font-weight: 400;
  text-align: left;
}

.student-inner-bd .data .checkbox {
  width: 32px;
}

.student-inner-bd .data .code {
  width: 130px;
}

.student-inner-bd .data .name {
  width: 749px;
  color: #5a5954;
}

.student-inner-bd .data .action {
  width: 57px;
  color: #5a5954;
}

.student-inner-bd .data .on {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/data-actions-on.png) 1px no-repeat;
}

.student-inner-bd .data .hili .on {
  background-image: url(../img/data-actions-on-hili.png);
}

.ks-overlay {
  position: absolute;
  left: -9999px;
  top: -9999px;
}

.ks-dialog {
}

.ks-stdmod-header {
  padding: 11px 0 8px 16px;
  border-radius: 5px 5px 0 0;
  font-weight: 700;
  font-size: 14px;
  color: #00395f;
  background: #64ace9 url(../img/stu-overlay-header-bg.png) repeat-x;
}

.ks-ext-close {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 20px;
  height: 21px;
  text-indent: -9999px;
  background: url(../img/stu-close.png) no-repeat;
}

